<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>笔记管理系统</title>
    <link rel="stylesheet" href="css/style.css">
    
    <link href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <!-- 搜索栏 -->
        <div class="search-bar">
            <input type="text" id="searchInput" placeholder="搜索笔记...">
        </div>
        
        <!-- 主要内容区域 -->
        <div class="main-content">
            <!-- 分类区域 -->
            <div class="categories">
                <div class="categories-header">
                    <h2>笔记分类</h2>
                    <button id="addCategory" class="btn btn-secondary">
                        <i>📁</i>
                        <span>新建分类</span>
                    </button>
                </div>
                <ul id="categoryList"></ul>
            </div>

            <!-- 笔记列表栏 -->
            <div class="note-list">
                <div class="button-container">
                    <button id="addNote" class="btn btn-primary new-button">
                        <i>📝</i>
                        <span>新建笔记</span>
                    </button>
                </div>
                <ul id="notesList"></ul>
            </div>

            <!-- 笔记编辑区 -->
            <div class="note-editor">
                <div class="editor-toolbar">
                    <input type="text" id="noteTitle" placeholder="笔记标题">
                    <div class="editor-actions">
                        <button id="saveNote" class="btn btn-primary">
                            <i>💾</i> 保存
                        </button>
                        <span id="saveStatus" class="save-status"></span>
                    </div>
                </div>



                <div id="editor—wrapper">
                    <div id="toolbar-container"><!-- 工具栏 --></div>
                    <div id="editor-container"><!-- 编辑器 --></div>
                </div>
                <div style="margin-top: 20px;display: none;">
                    <!-- <textarea id="editor-content-textarea" style="width: 100%; height: 200px" readonly></textarea> -->
                    <textarea id="noteContent" placeholder="开始写笔记..." style="width: 100%; height: 200px" readonly></textarea>
                </div>



                <!-- <textarea id="noteContent" placeholder="开始写笔记..."></textarea> -->
            </div>
        </div>
    </div>
    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
    <script src="js/storage.js"></script>
    <script src="js/noteManager.js"></script>
    <script src="js/script.js"></script>



</body>




</html> 